/**************重设浏览器默认样式[参考yahoo]**************/ 

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {font-size: 125%;     -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%; }

body { color: #333; font-size: 12px; font-family:"Microsoft YaHei",arial,tahoma,\5b8b\4f53,sans-serif; background:#fff; text-align:left; }

/* 内外边距通常让各个浏览器样式的表现位置不同 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, span, img, table { margin:0; padding:0; }

address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; } 

a{ color:#666; text-decoration:none; transition: all 0.3; }

a:hover{ color:#E93F00; text-decoration:none;transition: all 0.3s;}

ol, ul { list-style:none; }

fieldset, img { border:0; }

table { border-collapse:collapse; border-spacing:0; } /* 去掉各Table  cell 的边距并让其边重合 */

th { text-align:inherit; } /* IE bug fixed: th 不继承 text-align*/

iframe { display: block; } /* ie6 7 8(q) bug 显示为行内表现 */

sup { vertical-align:text-top; }

sub { vertical-align:text-bottom; }

input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }

/*to enable resizing for IE*/

input, textarea, select {  *font-size:100%;}

/* 清理浮动 */

.clearfix { *zoom:1; }/*IE6 7 只要触发layout即可*/

.clearfix:after { content:"."; clear:both; height:0; font-size:0; line-height:0; display:block; }

.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }

/* 隐藏 */

.hide { display:none;}



/*-------------------外围-------------------*/

.inner{max-width:60rem; margin-left:auto; margin-right:auto;}



/*-------------------头部-------------------*/

.header {  }





/*----------logo----------*/

.logo { float:left; max-width: 70%;  }

.logo img {  }







/*----------导航----------*/

.nav { float:right; margin-top:25px;}

.nav li { float:left; margin-left:30px; text-align:center; _display:inline; position:relative; z-index:9999; float:left; height:83px;}

.nav li h3 a { font-size:16px;color:#3b3b3b; line-height:70px;}

.nav li.cur h3 a,

.nav li.hover h3 a {color:#ED1B23; }

.nav dl {position:absolute; left:-30px; top:78px; width:125px;  display:none; padding-top:5px; background:url(../images/point01.png) no-repeat center top;}

.nav dd{ background:url(../images/bg01.png);line-height:38px;}

.nav dd a {  font-size:14px; color:#fff; display:block;}

.nav dd a:hover{ background:#0D869E;}

/*最后项*/

.nav li.last { margin-right:0; }



/*-------------------菜单-------------------*/

.topmenu{display: none; float: right; margin: 30px 0 0 0; }

.topmenu a{display: block; width: 40px; }

.topmenu a i{ font-size: 30px;  color:#CE3F3C;}



.menu_box{background: #CE3F3C; overflow: hidden; display: none;}

.menu_box ul { margin: 0; -webkit-padding-start: 0;}

.menu_box li{line-height: 50px; border-bottom: 1px solid #8E0505; font-size: 14px; overflow: hidden;}

.menu_box li h3 a,

.menu_box li dl a{display: block;  padding: 0 10px; color: #fff; text-transform: uppercase;}

.menu_box li dl {background: #8E0505; padding-left: 20px; display: none; width: 100%;}

.menu_box li .fa{float: right; line-height: 40px; font-size: 16px;}





/*----------flash----------*/

.flash_wrap {width:100%;  }

.owl-carousel-flash  { }

.owl-carousel-flash  img { display:block; width:100%;}

.flash_dot_wrap { width: 100%; position: relative; height: 0; z-index: 999;}

.flash_dot { position: absolute; top:-27px; width: 100%; text-align: center;}

.flash_dot .owl-dot { display: inline-block; padding: 0; margin: 0 3px; background: #C8C7C7; width: 12px; height: 12px; font-size: 0; border: 0; cursor: pointer; border-radius: 10px;}

.flash_dot .active { background: #C25600; }



/*----------flash2----------*/

.flash_wrap2 {width:100%; height: 300px; display: none; }

.flash_wrap2 .item { height: 300px; background-position: center top; background-repeat: no-repeat; background-size: auto 100%;}



/*----------首页内容----------*/

.index_cnt { padding-top: 57px; padding-bottom: 60px; }



/*----------新闻----------*/

.index_news { width: 735px; border: 1px solid #f2f2f2; height: 288px; float: left; }

.index_news_tab { width: 189px; float: left; }

.index_news_tab li { width: 178px; height: 143px;  padding-right: 11px;  cursor: pointer; transition: all 0.3s; }

.index_news_tab li p { padding-top: 83px; height: 60px; background-position: center 20px; background-repeat: no-repeat; background-color: #8d8d8d;  text-align: center; color: #fff; font-size: 16px; font-weight: bold; }

.index_news_tab li:nth-child(1) p { background-image: url(../images/tb4.png);}

.index_news_tab li:nth-child(2) p { background-image: url(../images/tb3.png);}

.index_news_tab li:hover,

.index_news_tab li.on {background: url(../images/tb5.png) no-repeat right center; }

.index_news_tab li:hover p,

.index_news_tab li.on p {background-color: #ce3f3c; }



.index_news_list { margin-left: 220px; margin-right: 20px; overflow: hidden;  }

.index_news_list  li {  height: 56px; line-height: 56px; padding-left: 20px; border-top: 1px dashed #e4e4e4;  text-align:right; }

.index_news_list  li:nth-child(1) { border:0;}

.index_news_list  li a { float:left; font-size: 14px; font-weight: bold; max-width:70%; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; }

.index_news_list  li span { color: #989898;  font-size: 12px; }



/*----------简介----------*/

.index_about { width: 372px; float: right;  }

.index_about .tit { border-left: 4px solid #ce3f3c;font-weight: bold; font-size: 20px; color: #333; padding-left: 19px; }

.index_about .cnt { margin-top: 23px;   padding:30px 30px 0 30px;; height:210px;   background:#F5F5F5;  line-height:27px; color:#666666; }

.index_about .more { float:right; margin-top:10px; color:#CE3F3C; margin-top: 20px; }



/*----------底部----------*/

.footer {  background: #333; padding: 50px 0; }

.foot-logo{ float: left; padding-top:25px; }

.footer-menu {float: right;   }

.footer-menu dl { width: 140px; float: left; background: url(../images/bg4.jpg) no-repeat right top; text-align: center;   }

.footer-menu dt { padding-bottom: 10px; font-size: 14px; font-weight: bold; color: #fff; }

.footer-menu dd a { line-height:25px; display: block; color:#999;  -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }



.foot { padding: 25px 0; border-top: 1px solid #2b2b2b; background: #303030; color: #6b6b6b;}

.foot a {color: #6b6b6b;}

.foot .copy {  float: left;}

.foot .link { float: right; }





/*----------banner----------*/

.banner {background-position: left top; background-repeat: no-repeat; background-size: auto 100%;}

.banner img { display: block; width: 100%;}



/*----------内容----------*/

.content { padding-bottom:60px; position: relative; }



/*----------侧边----------*/

.sidebar { position: absolute; left: 0; top:-35px;  width:270px;  }

.side_tit { background:#CF403C url(../images/bg5.jpg) no-repeat left top; background-size: auto 100% ;     line-height:100px; color:#fff; font-size:20px; padding-left:35px;}

.side_tit h3 span{ float:left; color:#D3514D; text-transform:uppercase; font-size:16px; padding-left:10px;}

.side_nav { border-bottom:3px solid #EAEAEA;}

.side_nav li{ height:60px; line-height:60px; border-bottom:1px solid #EAEAEA;}

.side_nav li a{ display:block; padding:0 35px; color:#7F7F7F; font-size:16px; background:#F7F7F7 url(../images/tb9.png) no-repeat 235px center;}

.side_nav li a{  -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.side_nav li.cur a,

.side_nav li a:hover{ background:#fff url(../images/tb10.png) no-repeat 235px center; }





/*----------main----------*/

.main { margin-left: 360px; min-height: 500px; }

.main_top { height:65px; line-height:65px; border-bottom:1px solid #EAEAEA;}

.main_top h3{ float:left; font-size:18px; color:#bc1015;}

.main_top .position{ color:#807F7F; float:right; padding-left:18px; background:url(../images/icon_hone.png) no-repeat left center;}

.main_top .position a{color:#807F7F;}



.main_tit { padding:15px 0; border-bottom:1px solid #EAEAEA; line-height:38px;}

.main_tit h3{ color:#4D4D4D; font-size:20px; font-weight:bold;  line-height:30px;   }

.main_tit span{ color:#9E9E9E; font-size:36px; float:left; font-family:Times New Roman; text-transform:uppercase; padding-right:10px;  -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.main_tit p{color:#4D4D4D; font-size:20px; font-weight:bold; float:left;}





/*----------新闻列表----------*/

.news_list { padding-bottom:10px;}

.news_list li { line-height:36px; height:36px; border-bottom:1px dashed #C6C6C6; text-align:right; padding:5px 0; }

.news_list li span { color:#aaa; }

.news_list li a { float:left; text-align:left;  padding-left:5px; font-size:14px; color:#5a5a5a;  }

/*控制标题长度，如果可以通过程序控制，则可以删除*/

.news_list li a { width:75%; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.news_list li a:hover { color:#E60214;}





/*----------文章----------*/

.article { padding:20px 0; }

/*文章标题*/

.article_tit { font-size:20px; font-weight:bold; line-height:30px; padding:10px 0 10px 0; text-align:center; color:#BC1015;}

/*文章信息*/

.article_msg { font-size:12px; color:#666; padding:10px 0 10px 0;  text-align:center;}

.article_msg span { padding:0 5px;}

/*文章内容*/

.article_body { font-size:14px; line-height:32px; margin-top:20px; padding-bottom:20px;}

.article_body img { max-width: 100%;}

.article_body p { padding:5px 0; }   

/*上下文导航*/  

.article_nav { margin-top:5%;  } 

.article_nav li { -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.article_nav .pre { float:left; width:45%; text-align:left;}

.article_nav .next { float:right; width:45%; text-align:right;}

.article_img { text-align:center;}

.article_img img{ max-width:100%;}



/*----------单页面----------*/

.about { font-size:14px; line-height:28px; margin-top:10px;  }

.about p{ padding-bottom:5px;}

.about img { max-width:100%;}



/*----------人才招聘----------*/

.job {padding:10px 0 20px 0;}

.job table {line-height:34px; width:100%; border-left:1px solid #E9E9E9;   border-top:1px solid #E9E9E9;}

.job td { padding-left:5px; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; }

.job td.txt { line-height:22px; padding:5px;}

.job_list { padding:20px 0 20px 0;  }

.job_list table{ line-height:34px; width:100%; border-left:1px solid #E9E9E9;   border-top:1px solid #E9E9E9;}

.job_list th{ padding-left:5px; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; color:#000; font-weight:bold;}

.job_list td{ padding-left:5px; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9;   }





/*----------图片列表----------*/

.img_list { margin-top:5%;}

.img_list li { float: left; width: 29.3%; margin: 0 2% 4% 2%;}

.img_list li:nth-child(3n+1) { clear: left;}

.img_list li img { display: block; width: 100%;}

.img_list li h3 { font-size: 0.8rem; margin-top:2%; text-align: center;}



/*----------招聘列表----------*/

.job_list { margin-top:2%; background: #fff;  }

.job_list_tit{ background: #C20A14;}

.job_list_tit span { float: left; font-size: 0.8rem; color: #fff; text-align: center; line-height: 2.5rem; width: 25%;  }

.job_list_item  { cursor: pointer; border-bottom:1px solid #EFEFEF;  }

.job_list_item  span {float: left; font-size: 0.8rem; color: #777777; text-align: center; line-height: 2.5rem; width: 25%;}



/*----------招聘----------*/

.job { margin-top:1rem;  }

.job_tit { text-align: center; line-height: 4.5rem; color: #fff; background:#CF403C; font-size: 1.8rem; }

.job_msg { color: #7d766c; margin-top: 0.5rem; text-align: center;}

.job_cnt { margin-top:2rem; padding: 0 5% 3rem;}

.job_cnt li { width: 50%; float: left; line-height: 3rem; background: #fff;}

.job_cnt li:nth-child(1),

.job_cnt li:nth-child(2),

.job_cnt li:nth-child(5),

.job_cnt li:nth-child(6) { background: #F3F3F3;}

.job_cnt li h3 { display: inline-block; color: #7b7b7b; width:30%; padding-left: 10%;}

.job_cnt li p { display: inline-block; color: #CF403C;}

.job_cnt dl { margin-top:2rem;}

.job_cnt dt { font-size: 0.9rem; color: #CF403C; font-weight: bold; line-height: 2.3rem; padding-left: 3%; background: #DADADA;}

.job_cnt dd {color: #7b7b7b; line-height:1.4rem; }

.job_cnt dd p { padding: 0.2rem 0;}



/*----------搜索结果列表----------*/

.search_list { margin-top:20px; }

.search_list li { line-height:36px; height:36px; text-align:right; padding:10px; border-bottom:1px dashed #A6A6A6; padding:}

.search_list li span { color:#aaa; }

.search_list li a { float:left; text-align:left; font-size:16px;  }

/*控制标题长度，如果可以通过程序控制，则可以删除*/

.search_list li a { width:75%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }



/* 分页 */



#pages { padding:14px 0 10px; text-align:center; font-size:0.7rem; margin-top:1rem;  }

#pages a { display:inline-block; height:1.4rem; line-height:1.4rem; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 0.5rem}

#pages a.a1 {  }

#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }

#pages span { display:inline-block; height:1.4rem; line-height:1.4rem; background:#CF403C; border:1px solid #CF403C; color:#fff; text-align:center;padding:0 10px}

.page .noPage { display:inline-block;  height:1.4rem; line-height:1.4rem;  border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }







@media only screen and (max-width:1200px) {

        /*头部*/ 

        .header  { padding: 0 2%;}

        /*导航*/ 

        .nav li { margin-left:15px;}

        /*首页*/ 

        .index_cnt { padding: 5% 2%;}



        /*新闻*/ 

        .index_news { float: none; width: auto;}



        /*简介*/ 

        .index_about { float: none; width: auto; margin-top:5%; height: auto;}

        .index_about .cnt { padding: 5% 6%; height: auto; font-size: 14px;}



        /*底部*/ 

        .footer { padding: 5% 2%; }

        .footer-menu dl { width: 110px;}

        .foot { padding: 3% 2%; font-size: 14px;}



        /*文章*/ 

        .article_nav  { font-size: 14px;}

        .article_nav .pre,

        .article_nav .next { width: auto; float: none; text-align: left;}

        .article_nav .next  { margin-top:15px;}



}





@media only screen and (max-width:1000px) {

    /*导航*/

    .nav { display: none;}



    /*菜单*/

    .topmenu{display: block;}



    /*底部*/ 

    .foot-logo { float: none; padding-top: 0; text-align: center; }

    .footer-menu { float: none; margin-top:4%;}

    .footer-menu dl { width: auto; float: none; text-align: left;}

    .footer-menu dd { display:  inline-block; margin-right: 15px; margin-bottom: 10px;}

    .footer-menu dd a { display:  inline-block; font-size: 14px;}



    /*图片*/ 

    .img_list li { float: left; width: 46%; margin: 0 2% 4% 2%;}

    

    .img_list li:nth-child(3n+1) { clear: none;}

    .img_list li:nth-child(2n+1) { clear: left;}





 }





@media only screen and (max-width:800px) {





    /*首页flash*/

    .flash_wrap { display: none;}

    .flash_wrap2 { display: block;}



    /*banner*/

    .banner { height: 250px;}

    .banner img { display: none; }



    /*招聘*/

    .job_cnt { padding: 0 2% 3%;}

    .job_cnt li { float: none; width: 100%; line-height: 2.5rem;  }

    .job_cnt li:nth-child(1),

    .job_cnt li:nth-child(2),

    .job_cnt li:nth-child(5),

    .job_cnt li:nth-child(6) { background: #fff;}

    .job_cnt li:nth-child(2n) { background: #F3F3F3;}



    /*侧边*/

    .sidebar { position: static; width: auto; }

    .side_tit { line-height: 66px;}



     /*main*/

    .main { margin-left:0; padding: 0 2%;}



    /*底部*/

    .foot  { text-align: center; line-height: 25px;}

    .foot .copy { float: none;}

    .foot .link { float: none; margin-top:10px;} 



}



@media only screen and (max-width:700px) {



    /*新闻*/

    .index_news { height: auto;}

    .index_news_tab { width: auto; float: none;}

    .index_news_tab li { width: 50%; padding-right: 0; float: left; height: auto;}

   

    .index_news_list { margin: 0; padding: 2% 4%;}

    .index_news_list  li { padding-left: 0;}

    .index_news_list  li a { font-weight: normal;}

   

}



@media only screen and (max-width:600px) {

   



    /*首页产品*/

    .index_product li img  { float: none; width: 100%;}

    .index_product li .txt { float: none; width: auto;}

    .index_product li h3 { margin:4% 0 2% 0;}

   

}



@media only screen and (max-width:450px) {

     /*菜单*/

     .topmenu { margin-top:20px;}

    /*新闻*/

     .index_news_tab li p { height:40px; background-size: 24% auto;  }



         /*图片*/ 

    .img_list li { float: none; width: auto; margin: 0 2% 4% 2%;}

    



    

}





/*-------------------壹级-------------------*/

.class {  }



/*----------贰级----------*/

.class {  }



/*叁级*/
.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.index-pro { overflow: hidden;  }

.yygk_nav{ display: flex; margin: 60px 0;}
.yygk_nav .tit h3{ display: block; font-size: 28px;}
.yygk_nav .tit span{ display: block; font-size: 16px; color: #999; margin-top: 14px;}
.yygk_nav ul{ display: flex; margin-left: 5%;}
.yygk_nav ul li{display: block; padding: 0 50px; line-height:65px; font-size: 18px; border: 1px solid #ddd;border-radius: 5px;text-align: center;cursor: pointer;color: #999; margin-right: 20px;}
.yygk_nav ul li:hover{background: #183884;color: #fff;}
.yygk_nav ul li.curr{background: #183884;color: #fff;}
.yygk_nav ul li a:hover{background: #183884;color: #fff;}

.yygk_content{ background: url(../images/bg.png) no-repeat;  overflow: hidden; padding: 20px 0;}
.list_yygk{ display: none;}
.list_yygk>div{ margin-top: 10px; margin-bottom: 10px;}
.list_yygk>div:nth-child(2){ margin-left:1.5%; margin-right: 1.5%;}
.list_yygk>div:nth-child(5){ margin-left:1.5%; margin-right: 1.5%;}

.pro1{float: left; height: 345px; box-sizing: border-box; display: block; padding: 30px; background-color: #183884; color: white; width: 30.333333%;}
.pro1 h3{ font-size: 30px; font-weight: normal;}
.pro1 span{ display: block; width: 30px; height: 3px; background-color: white; margin: 20px 0;}
.pro1 p{  font-size: 16px; line-height: 1.5;}

.pro2{}
.pro2{  width: 30.333333%; float: left; background: #fff;}
.pro2 a{display: block;}
.pro2 a .txt{padding:20px;}
.pro2 a .txt .ltop{display: flex;align-items: center;align-content: center;}
.pro2 a .txt .ltop .wz{display: block;width: calc(100% - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 24px; }
.pro2 a .txt .ltop .mo{position: relative;right: 0px;color: #999;line-height: 20px;background: url(../images/jt_h2.png) center right no-repeat;width: 100px;}
.pro2 a .xian {display: block;width: 100%;height: 2px;background: #eee;margin-top: 25px;}
.pro2 a .xian  s{display: block;width: 50px;height: 100%;background: url(../images/pr_2_2.png) center no-repeat;background-size: cover;}
.pro2 a .txt .tc{line-height: 26px;height: 52px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pro2 a .img{position: relative;overflow: hidden;z-index: 3;}
.pro2 a .img img{display: block;width: 100%; height: 250px; transform: scale(1.01);-webkit-transform: scale(1.01);position: relative;z-index: 2;}
.pro2:hover a .xian s{width: 100%;background: url(../images/pr_2_1.png) center no-repeat;background-size: cover;}
.pro2:hover a .txt .ltop .mo{color: #2d7bd7;background: url(../images/jt_l.png) center right no-repeat;}
.pro2:hover a .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.pro2:hover a .img span{top: 0%;}

.ntit{ display: flex; justify-content: space-between;}
.ntit h3{ font-size: 35px;}
.ntit h3 span{ font-size: 20px; margin-left: 20px; font-weight: bold; color: #999;} 
.ntit a{font-size: 18px; font-weight: 300; text-align: center; display: block; width: 238px; line-height: 65px; border: 1px solid #ddd;}

.indexnews ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; margin-bottom: 50px;}
.indexnews ul li{ width: 31.333333%;}
.indexnews ul li a{ display: block; border-radius:20px; }
.indexnews ul li a:hover{  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.indexnews ul li a:hover h4{ color: #005bac;}
.indexnews ul li a .img img{ width: 100%; border-radius:20px 20px 0 0;}
.indexnews ul li a h4{ margin: 10px 0; font-size: 20px; height: 80px;}
.ndate{ border-top: 1px solid #eee; padding: 20px 0; font-size: 16px; color: #999; display: flex; justify-content: space-between;}
.ncon{ padding: 0 30px;}
.ndate span{ display: block;}
@media only screen and (max-width:1000px) {
	.yygk_nav{flex-direction: column; margin: 30px 10px;}
	.yygk_nav ul{flex-wrap: wrap;}
	.yygk_nav ul li{ padding: 0 10px; width: calc(50% - 10px); box-sizing: border-box; margin-right: 10px; margin-top: 10px;}
	.pro1{float: none; width: 97%; }
	.pro2{  width: 97%; float: none; background: #fff;}
	.list_yygk>div{ margin-left:1.5%; margin-right: 1.5%;}
	.ntit{ padding-left: 20px;}
	.ntit a{ display: none;}
	.indexnews ul{flex-direction: column;}
	.indexnews ul li{ width: 100%;}
}